<template>
  <div class="wrap">
    <div class="content">
      <div class="newsTitle">
        <router-link to="/" tag="h2">首页</router-link>
          <span>&gt;</span>
          <a href="#"> 新闻中心</a>
      </div>
      <div v-html="newsList"></div>
    </div>
  </div>
  
</template>
<style lang="scss" scoped>
.newsTitle{
  display: flex;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
    color:#717171;
  h2{
    text-decoration: none;
  }
  span{
    padding: 0 5px;
  }
  a{
    font-size: 24px;
    color:#717171;
  }
}
</style>
<script>
export default {
  data() {
    return{
      news:this.$store.state.news
    }
  },
  computed:{
    newsList(){
      let {news}=this.$store.state
      if(news){
          news =news.replace(/src="/g,'src="https://itdahua.com')
          return news
      }
    }
    
  }
};
</script>